<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<#include "../common/head.ftl">

<body class="gray-bg">
<#include "../common/modal.ftl">

<#include "../common/delete.ftl">

<#include "../common/entity.ftl">

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content" id="search">
                    <div class="search-box">
                        用户名：
                        <div><input type="search" name="username"></div>
                        工号：
                        <div><input type="search" name="workNumber"></div>
                        手机号：
                        <div><input type="text" name="phone"></div>
                        邮箱：
                        <div><input type="text" name="email"></div>
                        <button class='btn btn-search'>搜索</button>
                    </div>
                    <div class='hr'></div>
                    <div class='top_row'>
                        <button type="button" id="add" class="btn btn-default btn-success"
                                style="color: #fff;background-color: #398439; border-color: #255625;">添加记录员
                        </button>
                        <div class="pull-right page">
                            每页显示:<span class='page_active'>10</span><span>20</span><span>30</span><span>40</span><span>50</span>
                        </div>
                    </div>
                    <table class="table table-striped table-bordered table-hover dataTables-example">
                        <thead>
                        <tr>
                            <th name="id" style="display:none;">id</th>
                            <th name="username">用户名</th>
                            <th name="workNumber">工号</th>
                            <th name="phone">手机号</th>
                            <th name="email">邮箱</th>
                            <th name="lastseem">最后登录时间</th>
                            <th name="logincount">登录系统次数</th>
                            <th name="">功能选项</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                    <div class="paging"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="${basePath}/js/jquery.min.js?v=2.1.4"></script>
<script src="${basePath}/js/page.js"></script>
<script src="${basePath}/js/common.js"></script>
<script src="${basePath}/js/bootstrap.min.js?v=3.3.6"></script>
<script type="text/javascript">
    var table = initTable("${basePath}/manager/findRecorderList", "search", $("table"), "paging");
    EditEntity("编辑记录员", "添加记录员", $("table"), $("#add"),
            "${basePath}/manager/recorderForm",
            "${basePath}/manager/findRecorderById",
            "${basePath}/manager/updateRecorder",
            "${basePath}/manager/deleteRecorderById",
            table.search);
</script>

</body>
</html>